<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery.11.min.js"></script>
    <script>
        $(function () {
            $('input[name=username]').blur(function () {
                //用户填写的用户名
                var username = $(this).val();
                //异步
                $.ajax({
                    //请求方式(确定以发短息的形式订餐)
                    type:'post',
                    //请求地址(餐馆的电话号码)
                    url:'./checkUser.php',
                    //发送数据(给餐馆说你吃什么)
                    data:{u:username},
                    success:function(phpData){
                        //如果用户名存在
                        if(phpData == 1){
                            $('#msg').html('<span style="color:red">用户名已存在</span>');
                        }else{
                            $('#msg').html('<span style="color:green">用户名可以注册</span>');
                        }
                    }

                })
            })
        })
    </script>
</head>
<body>
    用户名: <input type="text" name="username" id=""><span id="msg"></span>
    <br>
    密码: <input type="password" name="password" id="">
    
</body>
</html>